<?php get_header();?>
	<?php if (have_posts()) : while (have_posts()) : the_post(); ?>

     <?php  
	//Recupero dei campi personalizzati dell'articolo
	//Recupero l'immagine dal campo personalizzato
	$info_articolo = array();
	$info_articolo['copertina'] = get_meta('copertina');
	$info_articolo['locandina'] = get_meta('locandina');
	$info_articolo['flickr_tag'] = get_meta('flickr_tag');
	$info_articolo['incontro'] = get_meta('incontro');
	$info_articolo['fotografie'] = get_meta('foto');
	$info_articolo['email'] = get_meta('email_ref');
	$info_articolo['video'] = get_meta('video');
	$info_articolo['sottotitolo'] = get_meta('sottotitolo');

?>

<div id="video">
	<!--<div id="video-sharing" class="left">
    	<ul>
        	<li><a href="#"><img src="<?php bloginfo('template_url'); ?>/images/ico-sharing-video.jpg" /></a></li>
            <li><a href="#"><img src="<?php bloginfo('template_url'); ?>/images/ico-commenta-video.jpg" /></a></li>
        	<li><a href="#"><img src="<?php bloginfo('template_url'); ?>/images/ico-sharing-video.jpg" /></a></li>
            <li><a href="#"><img src="<?php bloginfo('template_url'); ?>/images/ico-commenta-video.jpg" /></a></li>
        	<li><a href="#"><img src="<?php bloginfo('template_url'); ?>/images/ico-sharing-video.jpg" /></a></li>
        </ul>
    </div>-->
    <div id="video-box" class="left">
        <?php echo $info_articolo['video']; ?>
    </div>
    <div id="videolist">
    	<div id="catlist">
            <ul class="menu">
                <li><h2><a href="#">Cerca altri video per categoria</a></h2></li>
                <ul class="submenu">
                    <li><a href="#">cat1</a></li>
                    <li><a href="#">cat2</a></li>
                    <li><a href="#">cat3</a></li>
                </ul>
            </ul>
            <div class="clear"></div>
           
            <div class="panel">
             <div id="slider-box">
            <!--qui inseriamo i video correlati: circa 4 per ogni videata-->
            	<div class="videoitem">
                	<a href="#"><img src="<?php bloginfo('template_url'); ?>/images/tumb-video1.jpg" /></a>
                    <h3><a href="#">titolo #1 video rel titolo video rel</a></h3>
                    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
                </div>
                <div class="videoitem">
                	<a href="#"><img src="<?php bloginfo('template_url'); ?>/images/tumb-video2.jpg" /></a>
                    <h3><a href="#">titolo #2 video rel titolo video rel</a></h3>
                    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
                </div>
                <div class="videoitem">
                	<a href="#"><img src="<?php bloginfo('template_url'); ?>/images/tumb-video3.jpg" /></a>
                    <h3><a href="#">titolo #3 video rel titolo video rel</a></h3>
                    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
                </div>
                <div class="videoitem">
                	<a href="#"><img src="<?php bloginfo('template_url'); ?>/images/tumb-video4.jpg" /></a>
                    <h3><a href="#">titolo #4 video rel titolo video rel</a></h3>
                    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
                </div>
                <div class="videoitem">
                	<a href="#"><img src="<?php bloginfo('template_url'); ?>/images/tumb-video1.jpg" /></a>
                    <h3><a href="#">titolo #5 video rel titolo video rel</a></h3>
                    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
                </div>
                <div class="videoitem">
                	<a href="#"><img src="<?php bloginfo('template_url'); ?>/images/tumb-video2.jpg" /></a>
                    <h3><a href="#">titolo #6 video rel titolo video rel</a></h3>
                    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
                </div>
                <div class="videoitem">
                	<a href="#"><img src="<?php bloginfo('template_url'); ?>/images/tumb-video3.jpg" /></a>
                    <h3><a href="#">titolo #7 video rel titolo video rel</a></h3>
                    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
                </div>

            </div>
            </div>
            <ul id="btn-slide">
                <li><a id="prev" href="#"><img src="<?php bloginfo('template_url'); ?>/images/btn-prev.jpg" alt="precedente" /></a></li>
                <li><a id="next" href="#"><img src="<?php bloginfo('template_url'); ?>/images/btn-next.jpg" alt="successivo" /></a></li>
            </ul>
        </div>
    </div> 
</div>    

<div id="items">
<!--        <div class="item">
-->        <div id="side-left" class="left">
        <a href="<?php the_permalink(); ?>" title="Apri la scheda del video" >
        <img class="locandina box-side-left" src="<?php echo $info_articolo['locandina'] ?>" alt="Locandina Articolo <?php the_title(); ?>" />
        </a>
        
        <div class="content">
        <h2><?php the_title() ?></h2>
		<p><?php the_time('d F Y') ?></p>
        </div>       
       <!-- <div class="comments-link">
        <p><a href="<?php the_permalink() ?>#comments" title="Comment on This Trailer"><?php comments_number('0', '1', '%'); ?></a></p>
        </div>-->
        
                
		<div id="box-flickr" class="box-side-left">
        	<h3>Immagini da flickr</h3>
            <ul>
            	<li><a href="#"><img src="<?php bloginfo('template_url'); ?>/images/tumb-flikr.jpg" alt="flikr" /></a></li>
            	<li><a href="#"><img src="<?php bloginfo('template_url'); ?>/images/tumb-flikr.jpg" alt="flikr" /></a></li>
            	<li><a href="#"><img src="<?php bloginfo('template_url'); ?>/images/tumb-flikr.jpg" alt="flikr" /></a></li>
            	<li><a href="#"><img src="<?php bloginfo('template_url'); ?>/images/tumb-flikr.jpg" alt="flikr" /></a></li>
            </ul>
            <div class="clear"></div>
        </div>
        </div>
<!--        </div>
-->        
        
        
        <div id="content_text">
        <div id="article" class="left">
        	
        	<h2><?php the_title() ?></h2>
            <div id="box-comments">
            	<span>commenti</span>
                <a href="<?php the_permalink() ?>#comments" title="Commenti a questo articolo"><?php comments_number('0', '1', '%'); ?></a>
              </div>
              
              <div id="sottotitolo">
              <ul class="fix-ul left">
                <li id="mmhhhh" class="left">
                    <span id="anno"><?php the_time('Y') ?></span>
                    <span id="mese"><?php the_time('F') ?></span>
                </li>
            	<li id="giorno" class="right"><?php the_time('d') ?></li>
          	</ul>   
          
            <h3 class="left"><?php the_excerpt(); ?></h3>
            <div class="clear"></div>
            </div>
            
             <ul class="info">
                    <li>Incontro di: <span>Nome Cognome</span></li>
                    <li>Fotografie: <span>Nome Cognome</span></li>
                    <li>Email Reference: <a href="#">email@email.com</a></li>
                </ul>
                
            
    		<?php the_content(''); ?> 
        </div>
        
        <ul id="social">
            <li><a class="delicious" href="#" title="delicious"></a></li>
            <li><a class="twitter" href="#" title="twitter"></a></li>
            <li><a class="facebook" href="#" title="facebook"></a></li>
            <li><a class="vimeo" href="#" title="vimeo"></a></li>
            <li><a class="flickr" href="#" title="flickr"></a></li>
            <li><a class="digg" href="#" title="digg"></a></li>
            <li><a class="thecnorati" href="#" title="thecnorati"></a></li>
            <li><a class="youtube" href="#" title="youtube"></a></li>
    
         </ul>
         <div class="clear"></div>
         <br />
         
<!--        <h2>Comments:</h2>
-->        <?php comments_template(); ?>   
        </div>
    <?php endwhile; else: ?>
    <?php endif; ?>
<div class="clear"></div>
</div>

<?php get_sidebar(); ?>

<?php get_footer(); ?>